<template>
  <div>
    <v-card class="pcContent" v-if="isPC">
      <div class="dataInfo">
        <section class="section-common section-1">
          <div class="normal-layout normal-layout">
            <div class="banner-inner">
              <div class="left-1">
                <h3 class="public-text fun-text">JOJO.FUN METAVERSE</h3>
                <p class="cre-text">去中心化的 Meme 币构建 JOJO 娱乐元宇宙！</p>
                <p class="cre-text">
                  JOJO FUN METAVERSE = NFT + GameFi + SmartToy！
                </p>
                <div class="btn-1 d-flex align-center mt-12">
                  <div class="d-flex">
                    <div
                      class="
                        buyBtn
                        d-flex
                        justify-center
                        align-center
                        flex_1
                        mr-2
                      "
                    >
                      💰 BUY $JOJO
                    </div>
                    <div
                      @click="enterPool"
                      class="
                        appBtn
                        d-flex
                        justify-center
                        align-center
                        flex_1
                        ml-2
                      "
                    >
                      ENTER APP
                    </div>
                  </div>

                  <div class="contact d-flex">
                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_3_icon"
                          transform="translate(-824.000000, -6622.000000)"
                          fill="#431216"
                        >
                          <g
                            id="a"
                            transform="translate(240.000000, 6497.000000)"
                          >
                            <g
                              id="icon"
                              transform="translate(584.000000, 125.000000)"
                            >
                              <path
                                d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M6.8304,8.0928 C6.6924,8.1048 6.5884,8.1528 6.5124,8.2408 C6.4364,8.3268 6.4004,8.4428 6.4004,8.5908 L6.4004,8.5908 L6.4004,20.6028 C6.4004,20.7768 6.4504,20.9428 6.5504,21.1028 C6.6504,21.2628 6.7804,21.3788 6.9424,21.4528 L6.9424,21.4528 L11.9124,23.9268 C12.0244,23.9748 12.1444,24.0008 12.2684,24.0008 C12.4424,23.9888 12.5744,23.9248 12.6624,23.8068 C12.7504,23.6888 12.7944,23.5448 12.7944,23.3728 L12.7944,23.3728 L12.7944,10.9888 C12.7944,10.9768 12.7864,10.9588 12.7744,10.9348 L12.7744,10.9348 L7.2804,8.2408 C7.0804,8.1408 6.9324,8.0928 6.8304,8.0928 Z M25.6004,12.2448 L19.8244,21.5088 L24.5504,23.8348 C24.7124,23.9308 24.8784,23.9748 25.0464,23.9628 C25.2144,23.9508 25.3504,23.8928 25.4484,23.7868 C25.5504,23.6828 25.6004,23.5448 25.6004,23.3728 L25.6004,23.3728 L25.6004,12.2448 Z M13.4864,12.0588 L13.4864,18.3908 L19.2064,21.1948 L13.4864,12.0588 Z M19.4484,8.0008 C19.1984,8.0008 19.0204,8.1048 18.9064,8.3128 L18.9064,8.3128 L15.4184,13.8688 L19.6184,20.5308 C19.9184,20.0248 20.9844,18.3128 22.8164,15.3908 C24.6464,12.4688 25.5624,10.9968 25.5624,10.9708 C25.5624,10.9468 25.5504,10.9288 25.5244,10.9168 L25.5244,10.9168 L19.7304,8.0748 C19.6564,8.0248 19.5624,8.0008 19.4484,8.0008 Z"
                                id="mid"
                              ></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>
                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_3_icon"
                          transform="translate(-712.000000, -6622.000000)"
                          fill="#431216"
                        >
                          <g
                            id="a"
                            transform="translate(240.000000, 6497.000000)"
                          >
                            <g
                              id="icon"
                              transform="translate(472.000000, 125.000000)"
                            >
                              <path
                                d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M24.493,9.5008 C24.797,8.3188 24.049,7.7688 23.273,8.1268 L23.273,8.1268 L6.265,14.6388 C5.101,15.1048 5.101,15.7368 6.043,16.0128 L6.043,16.0128 L10.419,17.3868 L20.531,11.0668 C21.001,10.7628 21.445,10.9288 21.085,11.2588 L21.085,11.2588 L12.885,18.5688 L12.581,23.0468 C13.023,23.0468 13.217,22.8548 13.467,22.6068 L13.467,22.6068 L15.599,20.5468 L20.003,23.7888 C20.835,24.2548 21.417,24.0068 21.611,23.0468 L21.611,23.0468 Z"
                                id="Telegram"
                              ></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>
                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_3_icon"
                          transform="translate(-768.000000, -6622.000000)"
                          fill="#431216"
                        >
                          <g
                            id="a"
                            transform="translate(240.000000, 6497.000000)"
                          >
                            <g
                              id="icon"
                              transform="translate(528.000000, 125.000000)"
                            >
                              <path
                                d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M20.7992,7.9994 C18.4372,7.9994 16.5372,9.8134 16.5372,12.0354 C16.5372,12.3494 16.5772,12.6614 16.6432,12.9614 C13.1052,12.7874 9.9512,11.1874 7.8532,8.7374 C7.4832,9.3354 7.2712,10.0234 7.2712,10.7754 C7.2712,12.1754 8.0232,13.4114 9.1712,14.1374 C8.4732,14.1114 7.8112,13.9234 7.2432,13.6254 L7.2432,13.6754 C7.2432,15.6354 8.7092,17.2614 10.6632,17.6374 C10.3072,17.7234 9.9232,17.7734 9.5412,17.7734 C9.2652,17.7734 8.9992,17.7494 8.7372,17.7114 C9.2772,19.3114 10.8492,20.4754 12.7212,20.5114 C11.2552,21.5994 9.4212,22.2354 7.4292,22.2354 C7.0732,22.2354 6.7412,22.2254 6.4012,22.1874 C8.2872,23.3374 10.5312,23.9994 12.9472,23.9994 C20.7872,23.9994 25.0752,17.8514 25.0752,12.5134 C25.0752,12.3374 25.0752,12.1634 25.0652,11.9874 C25.8932,11.4134 26.6192,10.6994 27.1992,9.8994 C26.4332,10.2114 25.6032,10.4374 24.7432,10.5234 C25.6292,10.0234 26.3032,9.2374 26.6192,8.2994 C25.8012,8.7634 24.8772,9.0994 23.9132,9.2754 C23.1352,8.4854 22.0272,7.9994 20.7992,7.9994 Z"
                                id="tw"
                              ></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>

                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_4"
                          transform="translate(-900.000000, -574.000000)"
                          fill="#431216"
                        >
                          <g id="top">
                            <g transform="translate(640.000000, 574.000000)">
                              <g
                                id="icon"
                                transform="translate(260.000000, 0.000000)"
                              >
                                <path
                                  d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M8.69590699,8.58972669 L7.43073837,8.58972669 C7.33133227,8.58972669 7.25,8.67105896 7.25,8.77046506 L7.25,23.2295349 C7.25,23.328941 7.33133227,23.4102733 7.43073837,23.4102733 L24.5692616,23.4102733 C24.6686677,23.4102733 24.75,23.328941 24.75,23.2295349 L24.75,21.9643663 C24.75,21.8649602 24.6686677,21.783628 24.5692616,21.783628 L8.87664536,21.783628 L8.87664536,8.77046506 C8.87664536,8.67105896 8.79531309,8.58972669 8.69590699,8.58972669 Z M22.4839857,10.1779651 L17.7328257,14.9291251 L14.8997517,12.1276803 C14.8297155,12.0576442 14.7144948,12.0576442 14.6444587,12.1276803 L10.3745146,16.4111798 C10.3406262,16.4450682 10.3225523,16.4902528 10.3225523,16.5376967 L10.3225523,20.1569826 C10.3225523,20.2563887 10.4038846,20.337721 10.5032907,20.337721 L22.6127617,20.337721 C22.7121679,20.337721 22.7935001,20.2563887 22.7935001,20.1569826 L22.7935001,10.3067412 C22.7935001,10.1440767 22.5969471,10.0650037 22.4839857,10.1779651 Z"
                                  id="data"
                                ></path>
                              </g>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>

                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_4"
                          transform="translate(-952.000000, -574.000000)"
                          fill="#431216"
                        >
                          <g id="top">
                            <g transform="translate(640.000000, 574.000000)">
                              <g
                                id="icon"
                                transform="translate(312.000000, 0.000000)"
                              >
                                <path
                                  d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M16.4100331,6.65373311 C16.141372,6.58208896 15.8586279,6.58208896 15.5899669,6.65373311 L15.5899669,6.65373311 L8.69419675,8.49278197 C7.99753221,8.67856228 7.51289829,9.30952844 7.51289829,10.0305387 L7.51289829,10.0305387 L7.51289829,18.7515661 C7.51289829,19.258443 7.75446316,19.7349767 8.16322244,20.0347098 L8.16322244,20.0347098 L15.0589926,25.0919616 C15.6191067,25.5026795 16.3808933,25.5026795 16.9410074,25.0919616 L16.9410074,25.0919616 L23.8367775,20.0352403 C24.2456875,19.7353966 24.4871017,19.2586299 24.4871017,18.7515661 L24.4871017,18.7515661 L24.4871017,10.0305387 C24.4871017,9.30952844 24.0024677,8.67856228 23.3058032,8.49278197 L23.3058032,8.49278197 Z M19.3654121,11.9431579 L20.5600287,13.1496584 L14.482254,19.1663158 L11.4399713,16.1257308 L12.639681,14.9248893 L14.4873471,16.7719895 L19.3654121,11.9431579 Z"
                                  id="Safety"
                                ></path>
                              </g>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="right-1">
                <img src="@/assets/images/home/right-img.png" alt="" />
              </div>
            </div>
            <div class="section-4-flex d-flex">
              <div class="flex-box">
                <h5>61.98%</h5>
                <p>黑洞燃烧</p>
              </div>
              <div class="flex-box">
                <h5>163,639+</h5>
                <p>持币地址数</p>
              </div>
              <div class="flex-box">
                <h5>72,000+</h5>
                <p>推特关注</p>
              </div>
              <div class="flex-box">
                <h5>67,550+</h5>
                <p>电报社群</p>
              </div>
            </div>
          </div>
        </section>
      </div>
    </v-card>
    <div class="mobile" v-else>
      <div class="dataInfo">
        <section class="section-common section-1">
          <div class="normal-layout normal-layout">
            <div class="banner-inner">
              <div class="left-1">
                <h3 class="public-text fun-text">JOJO.FUN METAVERSE</h3>
                <p class="cre-text">去中心化的 Meme 币构建 JOJO 娱乐元宇宙！</p>
                <p class="cre-text">
                  JOJO FUN METAVERSE = NFT + GameFi + SmartToy！
                </p>
                <div class="btn-1">
                  <div class="d-flex">
                    <div
                      class="
                        buyBtn
                        d-flex
                        justify-center
                        align-center
                        flex_1
                        mr-2
                      "
                    >
                      💰 BUY $JOJO
                    </div>
                    <div
                      href="/pool"
                      class="
                        appBtn
                        d-flex
                        justify-center
                        align-center
                        flex_1
                        ml-2
                      "
                    >
                      ENTER APP
                    </div>
                  </div>

                  <div class="contact d-flex mt-5">
                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_3_icon"
                          transform="translate(-824.000000, -6622.000000)"
                          fill="#431216"
                        >
                          <g
                            id="a"
                            transform="translate(240.000000, 6497.000000)"
                          >
                            <g
                              id="icon"
                              transform="translate(584.000000, 125.000000)"
                            >
                              <path
                                d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M6.8304,8.0928 C6.6924,8.1048 6.5884,8.1528 6.5124,8.2408 C6.4364,8.3268 6.4004,8.4428 6.4004,8.5908 L6.4004,8.5908 L6.4004,20.6028 C6.4004,20.7768 6.4504,20.9428 6.5504,21.1028 C6.6504,21.2628 6.7804,21.3788 6.9424,21.4528 L6.9424,21.4528 L11.9124,23.9268 C12.0244,23.9748 12.1444,24.0008 12.2684,24.0008 C12.4424,23.9888 12.5744,23.9248 12.6624,23.8068 C12.7504,23.6888 12.7944,23.5448 12.7944,23.3728 L12.7944,23.3728 L12.7944,10.9888 C12.7944,10.9768 12.7864,10.9588 12.7744,10.9348 L12.7744,10.9348 L7.2804,8.2408 C7.0804,8.1408 6.9324,8.0928 6.8304,8.0928 Z M25.6004,12.2448 L19.8244,21.5088 L24.5504,23.8348 C24.7124,23.9308 24.8784,23.9748 25.0464,23.9628 C25.2144,23.9508 25.3504,23.8928 25.4484,23.7868 C25.5504,23.6828 25.6004,23.5448 25.6004,23.3728 L25.6004,23.3728 L25.6004,12.2448 Z M13.4864,12.0588 L13.4864,18.3908 L19.2064,21.1948 L13.4864,12.0588 Z M19.4484,8.0008 C19.1984,8.0008 19.0204,8.1048 18.9064,8.3128 L18.9064,8.3128 L15.4184,13.8688 L19.6184,20.5308 C19.9184,20.0248 20.9844,18.3128 22.8164,15.3908 C24.6464,12.4688 25.5624,10.9968 25.5624,10.9708 C25.5624,10.9468 25.5504,10.9288 25.5244,10.9168 L25.5244,10.9168 L19.7304,8.0748 C19.6564,8.0248 19.5624,8.0008 19.4484,8.0008 Z"
                                id="mid"
                              ></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>
                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_3_icon"
                          transform="translate(-712.000000, -6622.000000)"
                          fill="#431216"
                        >
                          <g
                            id="a"
                            transform="translate(240.000000, 6497.000000)"
                          >
                            <g
                              id="icon"
                              transform="translate(472.000000, 125.000000)"
                            >
                              <path
                                d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M24.493,9.5008 C24.797,8.3188 24.049,7.7688 23.273,8.1268 L23.273,8.1268 L6.265,14.6388 C5.101,15.1048 5.101,15.7368 6.043,16.0128 L6.043,16.0128 L10.419,17.3868 L20.531,11.0668 C21.001,10.7628 21.445,10.9288 21.085,11.2588 L21.085,11.2588 L12.885,18.5688 L12.581,23.0468 C13.023,23.0468 13.217,22.8548 13.467,22.6068 L13.467,22.6068 L15.599,20.5468 L20.003,23.7888 C20.835,24.2548 21.417,24.0068 21.611,23.0468 L21.611,23.0468 Z"
                                id="Telegram"
                              ></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>
                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_3_icon"
                          transform="translate(-768.000000, -6622.000000)"
                          fill="#431216"
                        >
                          <g
                            id="a"
                            transform="translate(240.000000, 6497.000000)"
                          >
                            <g
                              id="icon"
                              transform="translate(528.000000, 125.000000)"
                            >
                              <path
                                d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M20.7992,7.9994 C18.4372,7.9994 16.5372,9.8134 16.5372,12.0354 C16.5372,12.3494 16.5772,12.6614 16.6432,12.9614 C13.1052,12.7874 9.9512,11.1874 7.8532,8.7374 C7.4832,9.3354 7.2712,10.0234 7.2712,10.7754 C7.2712,12.1754 8.0232,13.4114 9.1712,14.1374 C8.4732,14.1114 7.8112,13.9234 7.2432,13.6254 L7.2432,13.6754 C7.2432,15.6354 8.7092,17.2614 10.6632,17.6374 C10.3072,17.7234 9.9232,17.7734 9.5412,17.7734 C9.2652,17.7734 8.9992,17.7494 8.7372,17.7114 C9.2772,19.3114 10.8492,20.4754 12.7212,20.5114 C11.2552,21.5994 9.4212,22.2354 7.4292,22.2354 C7.0732,22.2354 6.7412,22.2254 6.4012,22.1874 C8.2872,23.3374 10.5312,23.9994 12.9472,23.9994 C20.7872,23.9994 25.0752,17.8514 25.0752,12.5134 C25.0752,12.3374 25.0752,12.1634 25.0652,11.9874 C25.8932,11.4134 26.6192,10.6994 27.1992,9.8994 C26.4332,10.2114 25.6032,10.4374 24.7432,10.5234 C25.6292,10.0234 26.3032,9.2374 26.6192,8.2994 C25.8012,8.7634 24.8772,9.0994 23.9132,9.2754 C23.1352,8.4854 22.0272,7.9994 20.7992,7.9994 Z"
                                id="tw"
                              ></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>

                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_4"
                          transform="translate(-900.000000, -574.000000)"
                          fill="#431216"
                        >
                          <g id="top">
                            <g transform="translate(640.000000, 574.000000)">
                              <g
                                id="icon"
                                transform="translate(260.000000, 0.000000)"
                              >
                                <path
                                  d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M8.69590699,8.58972669 L7.43073837,8.58972669 C7.33133227,8.58972669 7.25,8.67105896 7.25,8.77046506 L7.25,23.2295349 C7.25,23.328941 7.33133227,23.4102733 7.43073837,23.4102733 L24.5692616,23.4102733 C24.6686677,23.4102733 24.75,23.328941 24.75,23.2295349 L24.75,21.9643663 C24.75,21.8649602 24.6686677,21.783628 24.5692616,21.783628 L8.87664536,21.783628 L8.87664536,8.77046506 C8.87664536,8.67105896 8.79531309,8.58972669 8.69590699,8.58972669 Z M22.4839857,10.1779651 L17.7328257,14.9291251 L14.8997517,12.1276803 C14.8297155,12.0576442 14.7144948,12.0576442 14.6444587,12.1276803 L10.3745146,16.4111798 C10.3406262,16.4450682 10.3225523,16.4902528 10.3225523,16.5376967 L10.3225523,20.1569826 C10.3225523,20.2563887 10.4038846,20.337721 10.5032907,20.337721 L22.6127617,20.337721 C22.7121679,20.337721 22.7935001,20.2563887 22.7935001,20.1569826 L22.7935001,10.3067412 C22.7935001,10.1440767 22.5969471,10.0650037 22.4839857,10.1779651 Z"
                                  id="data"
                                ></path>
                              </g>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>

                    <svg
                      width="32px"
                      height="32px"
                      viewBox="0 0 32 32"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <g
                        stroke="none"
                        stroke-width="1"
                        fill="none"
                        fill-rule="evenodd"
                      >
                        <g
                          id="Home_4"
                          transform="translate(-952.000000, -574.000000)"
                          fill="#431216"
                        >
                          <g id="top">
                            <g transform="translate(640.000000, 574.000000)">
                              <g
                                id="icon"
                                transform="translate(312.000000, 0.000000)"
                              >
                                <path
                                  d="M16,0 C24.836,0 32,7.164 32,16 C32,24.836 24.836,32 16,32 C7.164,32 0,24.836 0,16 C0,7.164 7.164,0 16,0 Z M16.4100331,6.65373311 C16.141372,6.58208896 15.8586279,6.58208896 15.5899669,6.65373311 L15.5899669,6.65373311 L8.69419675,8.49278197 C7.99753221,8.67856228 7.51289829,9.30952844 7.51289829,10.0305387 L7.51289829,10.0305387 L7.51289829,18.7515661 C7.51289829,19.258443 7.75446316,19.7349767 8.16322244,20.0347098 L8.16322244,20.0347098 L15.0589926,25.0919616 C15.6191067,25.5026795 16.3808933,25.5026795 16.9410074,25.0919616 L16.9410074,25.0919616 L23.8367775,20.0352403 C24.2456875,19.7353966 24.4871017,19.2586299 24.4871017,18.7515661 L24.4871017,18.7515661 L24.4871017,10.0305387 C24.4871017,9.30952844 24.0024677,8.67856228 23.3058032,8.49278197 L23.3058032,8.49278197 Z M19.3654121,11.9431579 L20.5600287,13.1496584 L14.482254,19.1663158 L11.4399713,16.1257308 L12.639681,14.9248893 L14.4873471,16.7719895 L19.3654121,11.9431579 Z"
                                  id="Safety"
                                ></path>
                              </g>
                            </g>
                          </g>
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
            </div>
            <div class="section-4-flex d-flex">
              <div class="flex-box">
                <h5>61.98%</h5>
                <p>黑洞燃烧</p>
              </div>
              <div class="flex-box">
                <h5>163,639+</h5>
                <p>持币地址数</p>
              </div>
              <div class="flex-box">
                <h5>72,000+</h5>
                <p>推特关注</p>
              </div>
              <div class="flex-box">
                <h5>67,550+</h5>
                <p>电报社群</p>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  computed: {
    isPC() {
      return this.$store.state.clientWidth > 960 ? true : false;
    },
  },
  data: () => ({}),
  methods: {
    enterPool() {
      this.$router.push({ path: "/pool" });
    },
  },
};
</script>
<style scoped lang="scss">
@import "./../../../common/styles/common.scss";
.pcContent {
  .dataInfo {
    .section-common {
      background-color: #fad551;
      margin: 0 auto;
      padding-top: 160px;
      padding-bottom: 100px;
      background-repeat: no-repeat;
    }
    .normal-layout {
      width: 1200px;
      margin: 0 auto;
      position: relative;
    }
    .banner-inner {
      padding-right: 460px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .left-1 {
      .public-text {
        font-size: 78px;
        font-weight: 700;
        color: #431216;
        line-height: 1.2;
        margin-bottom: 30px;
      }
      .cre-text {
        margin-top: 10px;
        font-size: 20px;
        font-weight: 400;
        color: #431216;
        line-height: 1.4;
      }
    }
    .right-1 {
      position: absolute;
      width: 504px;
      height: 492px;
      right: 0;
      top: 45%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      img {
        vertical-align: top;
        max-width: 100%;
      }
    }
    .btn-1 {
      .buyBtn {
        height: 52px;
        background: #431216;
        color: #fad551;
        border-radius: 12px;
        min-width: 178px;
        cursor: pointer;
      }
      .appBtn {
        cursor: pointer;
        height: 52px;
        min-width: 178px;
        border: 1px solid #431216;
        color: #431216;
        border-radius: 12px;
      }
    }
    .contact {
      svg {
        margin-left: 20px;
      }
    }
    .section-4-flex {
      margin-top: 100px;
      .flex-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 30px;
        h5 {
          font-size: 46px;
          font-weight: 700;
          color: #431216;
        }
        p {
          font-size: 16px;
          font-weight: 400;
          color: rgba(67, 18, 22, 0.75);
        }
      }
    }
  }
}
.mobile {
  .dataInfo {
    .section-common {
      padding-top: 106px;
      padding-bottom: 60px;
      background-color: #fad551;
      background-repeat: no-repeat;
      margin: 0 auto;
    }
    .normal-layout {
      margin: 0 auto;
      position: relative;
      width: 100%;
    }
    .banner-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 0;
      padding-top: 0;
      padding-right: 0;
      box-sizing: border-box;
      position: relative;
    }
    .left-1 {
      padding: 0 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      .public-text {
        font-size: 42px;
        margin-bottom: 25px;
        font-weight: 700;
        color: #431216;
        line-height: 1.2;
      }
    }
    .cre-text {
      margin-top: 10px;
      font-weight: 400;
      color: #431216;
      font-size: 16px;
      line-height: 1.4;
    }
    .btn-1 {
      margin-top: 20px;
      .buyBtn {
        height: 48px;
        background: #431216;
        color: #fad551;
        border-radius: 12px;
      }
      .appBtn {
        height: 48px;
        border: 1px solid #431216;
        color: #431216;
        border-radius: 12px;
      }
    }
    .contact {
      svg {
        margin-right: 10px;
      }
    }
    .section-4-flex {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 10px 15px 0;
    }
    .flex-box {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-right: 15px;
      min-width: 40%;
      h5 {
        font-weight: 700;
        color: #431216;
        font-size: 26px;
        margin-top: 16px;
      }
      p {
        font-weight: 400;
        color: rgba(67, 18, 22, 0.75);
        font-size: 14px;
      }
    }
  }
}
</style>